<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<link rel="stylesheet" type="text/css" href="/css/public.css">
	<!-- body大盒子div开始 -->
	<div class="body">
		<!-- content-header顶部div 开始 -->
		<div class="content-header">
			<h1 style="display: inline-block">查看笔记</h1>
			<div class="navigation">
				<i class="iconfont icon-homepage_fill"></i> <span>笔记管理 > 查看笔记 </span>
			</div>
		</div>
		<!-- 中部content div开始 -->
		<div class="content"> 
			<!-- 中部content内容 div开始 -->
			<div class="row">
				<div class="row-left">
					<a href="#" class="btn btn-upload bgColor-green2 margin-bottom">
						<i class="iconfont icon-brush_fill" style="color:#fff;"></i>  新 建 
					</a>
					<div class="box box-solid">
						<div class="box-header with-border">
							<h3 class="box-title">笔记</h3>
							<div class="box-tools">
								<button class="btn btn-box-tool jian" onclick="jian()">
									<i class="iconfont icon-jian" id="one"></i>
								</button>
							</div>
						</div>
						<div class="box-body no-padding yunpan" style="display:block;">
							<ul class="nav nav-pills nav-stacked">
								<li>
									<a href="#">
										<i class="iconfont icon-time"></i> 最近
									</a>
								</li>
								<li>
									<a href="#">
										<i class="iconfont icon-wenjianguanli"></i> 自定义文件夹
									</a>
								</li>
								
							</ul>
						</div>
						
						
					</div>
					<div class="box box-solid">
						<div class="box-header with-border">
							<h3>分类</h3>
						</div>
						<div class="box-body">
						<form action="" method="post">
							<div class="input-group">
								<input type="text" class="form-control" placeholder="笔记分类" />
								<div class="input-group-btn">
									<input type="submit" value="新增" class="btn btn-primary btn-flat"/>
								</div>	
							</div>
							
						</form>
					</div>
						
					</div>
					
					<div class="box box-solid">
							<div class="box-header with-border">
								<h3 class="box-title">类型</h3>
							<div class="box-tools">
								<button class="btn btn-box-tool" onclick="jian2()">
									<i class="iconfont icon-jian" id="two"></i>
								</button>
							</div>
							</div>
							<div class="box-body no-padding leixing" style="display:block;">
							<ul class="nav nav-pills nav-stacked">
								<li>
									<a href="#">
										<i class="iconfont icon-circle1"></i> 我的笔记
									</a>
								</li>
								<li>
									<a href="#">
										<i class="iconfont icon-circle1"></i> 公司笔记
									</a>
								</li>
								<li>
									<a href="#">
										<i class="iconfont icon-circle1"></i> 共享笔记
									</a>
								</li>
							</ul>
						</div>
						
						</div>
				</div>
				<!-- 右部div盒子开始 -->
				<div class="row-right">
					<div class="box tab">
						<div class="box-header with-border">
							<h3 class="box-title">
								<span>查看</span>
							</h3>
							
					
						</div>
						
						<div class="box-body no-padding">
							<div class="mailbox-read-info">
								
								<h3>
									<span>文件标题1111</span>
								</h3>
								<h5>
									<span class="mailbox-read-time">创建：罗密欧</span>
									<span class="mailbox-read-time pull-right">2017-05-26 08:20:11</span>
								</h5>
							</div>
							<div class="mailbox-read-message" style="margin:15px;">
								<span>经费卡的课你的卡了点可能是拉动问了去了篮球</span>
							</div>
							
							</div>
							</div>
						<div class="box-footer no-padding" style="margin-top:-20px;background-color:#fff;" >
							<div class="pull-right">
								<a href="" class="btn1 btn btn-default btn-default1"  style="margin:10px 0px 10px 10px;">
									<i class="iconfont icon-ccgl-dayinmubanguanli-7"></i> 打印 
								</a>
								<a href="" style="color:white;margin:10px 10px 10px 0px;" class="btn1 btn-primary btn " >
									<i class="iconfont icon-edit" style="color:white;" ></i> 新建 
								</a>
							</div>
							<a class="btn1 btn-default1 btn btn-default" href="#" style="margin:10px;">
								<i class="iconfont icon-return-copy"></i> 返回
							</a>
						</div>
						
				<!-- 右部div盒子开始 -->
				</div>
			<!-- 中部content内容 div结束 -->
			</div>
			
		<!-- 中部content div结束-->
		</div>
	<!-- body大盒子div结束 -->
	</div>
</body>
</html>